@scale: 75rem;
.font(@number) {
    html[data-dpr='1'] &  {
        font-size: @number;
    }
    html[data-dpr='2'] &  {
        font-size: @number * 2;
    }
    html[data-dpr='3'] &  {
        font-size: @number * 3;
    }
}
*{
  cursor: pointer;
  margin: 0;
  padding: 0;
}
a{
    text-decoration: none;
}
html{
    -webkit-text-size-adjust: 100%;
}
input,button{
    // -webkit-appearance: none;
    border:0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
ul,li{
  list-style-type: none;
}
body::-webkit-scrollbar{
    width:0;
    height:0;
}
body{
    margin:0;
}
.header{
    padding: 60/@scale 32/@scale;
    background: #fff;
    img{
        display: block;
        width: 216/@scale;
        height: 195/@scale;
        margin: auto;
    }
    .p1{
        margin-top: 40/@scale;
        font-size: 32/@scale;
        color: #333;
        text-align: center;
    }
    .p2{
        margin-top: 30/@scale;
        font-size: 28/@scale;
        color: #888;
        text-align: center;
    }
}
.btnWrap{
    margin: 100/@scale 32/@scale 0;
    input{
        width: 100%;
        height: 80/@scale;
        background: #0082e7;
        font-size: 36/@scale;
        color: #fff;
        border-radius: 8/@scale;
    }
}

.footer {
    position: fixed;
    left: 0;
    bottom: 100/@scale;
    width: 100%;
    font-size: 24/@scale;
    color: #888;
    text-align: center;
}